$(function(){
    var bigImg = "";
    var a = 0;//菜单序号
    var b = 0;//图片序号
    var main = $(".main");

    var imgNum = 0; //所有图片的数量
    var allImg; //保存当前显示的所有图片

    var picWapper = main.find('div');

    $(".top_menu li").click(function(){
        a = $(this).index();
        for(var i=0;i<$(".top_menu li").length;i++){
            $(".top_menu li").eq(i).attr("class",'');
        }
        $(".top_menu li").eq(a).attr("class","temp_li");
        /*****************标题背景***********************/
        picWapper.hide();
        picWapper.eq(a).show();

        /****************************************/
        allImg = picWapper.eq(a).find('img');
        imgNum = allImg.length;
    });
    $(".main img").click(function(){ /*******这里修改*******/
        $(".layer").show();

        bigImg = $(this).attr("src");//获取点击图片的地址
        $(".show img.big").attr("src",bigImg);//更换大图的图片地址
        $(".show").show();
        b = $(this).index();//保存图片的序列号
     });

    $(".del").click(function(){
        $(".show").hide();
        $(".layer").hide();
    });

    $(".right").click(function(){
        b++;
        if(b > imgNum - 1) b = 0;
        bigImg = allImg.eq(b).attr("src");
        $(".show img.big").attr("src",bigImg);

    });
    $(".left").click(function(){
        b--;
        if(b < 0) b = imgNum - 1;
        bigImg = allImg.eq(b).attr("src");
        $(".show img.big").attr("src",bigImg);
    });
});